<template>
  <h2>当前求和：{{ sum }}</h2>
  <button @click="sum++">点击+1</button>
  <hr />
  <h2>当前点击时鼠标的坐标为：x轴：{{ coord.x }}，y轴：{{ coord.y }}</h2>
</template>
<script>
import { ref } from "vue";
import useCoord from '@/hooks/useCoord' // 引入自定义hook
export default {
  name: "Demo",
  setup(props, context) {

    // 数据
    let sum = ref(0);
    // 获取坐标
    let coord = useCoord()

    // 返回一个对象供模版使用
    return {
      sum,
      coord,
    };
  },
};
</script>

